"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Example;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Example() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-page"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-container--base"
  }, /*#__PURE__*/_react.default.createElement(_design.Popover, {
    trigger: "click",
    triggerStyle: {
      background: 'red'
    },
    triggerClassName: 'test',
    content: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "1. \u7ED9\u89E6\u53D1\u5143\u7D20\u5916\u58F3\u8BBE\u7F6E\u7EA2\u8272\u80CC\u666F"), /*#__PURE__*/_react.default.createElement("p", null, "2. \u7ED9\u89E6\u53D1\u5143\u7D20\u6DFB\u52A0test\u7C7B\u540D"))
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "click")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    trigger: "click",
    modalStyle: {
      background: 'red'
    },
    modalClassName: 'test',
    content: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "1. \u7ED9popover\u5916\u58F3\u8BBE\u7F6E\u7EA2\u8272\u80CC\u666F"), /*#__PURE__*/_react.default.createElement("p", null, "2. \u7ED9popover\u5916\u58F3\u6DFB\u52A0test\u7C7B\u540D"))
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "click")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    trigger: "click",
    innerStyle: {
      fontSize: '12px'
    },
    innerClassName: 'test',
    content: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "1. \u5728popover\u5185\u58F3\u8BBE\u7F6E\u5B57\u4F53\u5927\u5C0F"), /*#__PURE__*/_react.default.createElement("p", null, "2. \u5728popover\u5185\u58F3\u6DFB\u52A0test\u7C7B\u540D"))
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "click"))));
}